.tag--offer {
    margin: 5px 5px 5px 0;
    padding: 5px 5px 5px 5px;
    background: #4ab4e3;
}

.tag {
    display: inline-block;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    z-index: 999;
    white-space: nowrap;
    font-weight: bold;
}

.text-muted1 {
    font-size: 1.3em;
    color: #030303;
    font-weight: 700;
}

.bd-example > .btn, .bd-example > .btn-group {
    margin: .25rem .125rem;
}

.refinement-category {
    float: left;
    width: 30%;
}

.refinement-products {
    float: right;
    width: 70%;
}

.ais-SearchBox {
    width: 100%;
}

.ais-SearchBox-input {
    border: 0px;
    height: 48px;
    width: 100%;
    text-indent: 10px;
    outline: none;
}

header .ais-RefinementList-list, .ais-Hits-list {
    list-style-type: none;
}

header .ais-RefinementList-item, .ais-Hits-item {
    padding: 5px;
    text-align: left;
    font-size: small;
}

    .ais-RefinementList-item li:hover {
        background-color: #eee;
    }

    .ais-Hits-item:hover {
        background-color: #eee;
    }

    .ais-RefinementList-item li a span {
        color: #fff;
        background-color: #4ab4e3;
        font-weight: bold;
        padding: 0.2rem 0.4rem;
        border-radius: 4px;
    }

/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex: 1 1 0%;
    clear: both
}

    /* The actual popup */
    .popup .popuptext {
        visibility: hidden;
        background-color: #fff;
        color: #fff;
        text-align: center;
        border-radius: 0px;
        padding: 8px 0;
        position: absolute;
        z-index: 1000;
        width:100%;
        margin-top: -10px;
    }

        /* Popup arrow */
        .popup .popuptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }

    /* Toggle this class - hide and show the popup */
    .popup .show {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }

    .popup.active {
        color: red;
    }

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/************************************************** BOOTSTRAP SM *******/
@media (min-width: 768px) {
    .bg {
        background-size: 100%;
    }

    .product__sectionhp h3 a {
        display: block;
        padding: 20px 0 18px 70px;
        font-size: 24px;
    }
}

@media (max-width: 768px) {

    .ais-Hits-list {
        padding-inline-start: 0px;
    }

    .refinement-category {
        width: 100%;
    }

    .refinement-products {
        width: 100%;
        margin-left: 0px;
    }
}